!!! 5
%html
  %head
    %meta{:charset=>"UTF-8"}/
    %title
      布局练习
    :css
      /* 排版演示 */

      nav {
            background-color: lightblue;
        }

      article>header, footer {
          background-color: goldenrod;
          }
      /* 清楚浮动演示 */
      aside {clear: left;
        float: left;
        height: auto;
        background-color: cyan;
        width: 10%}
      article {float: left;
      width: 70%;
      border: solid 1px;
      margin-left: 1em;}
      footer {clear: left;}

      img {float: left;
        clear: left;
        width: 40%;
        height: auto;
        border: solid 3px pink;
        margin: 0 6px 3px 0;}
      article div {text-indent: 2em;}

  %body
    %header 布局练习
    %nav 导航
    %aside 
      边侧栏
      %ol
        %li 爱情
        %li 含义
        %li 历史
    %article
      %header
        %h1 布局
        %time
          庚子年
      %p
        %img(src="weimei2.jpg" alt="weimei")/
        %img(src="love.jpeg" alt="love")/
        你好, 爱你一生一世。
        %div
          爱情是个体与个体（多数指人）之间的强烈的依恋、亲近、向往，以及无私并且无所不尽其心的情感。它通常是情与欲的对照，爱情由情爱和性爱两个部分组成，情爱是爱情的灵魂，性爱是爱情的附加属性，并不是必要存在的，情爱才是爱情的根本与核心。
        %div
          在周代，男子到了三十岁要娶妻，女子到了二十嫁人。若无缘无故不遵守这规矩的，就予以惩罚。

      %p 
        中文解释为爱情，喜爱，热爱 近义词like，但本词并不局限于男女之间的或同性之间的爱，也包括亲情友情等。中文解释为爱情，喜爱。爱是一种发乎人内心的情感，在中文里有着很多解释，由某种事物给予人少许满足（如我爱进食这些食物）至为了爱某些东西而死（如爱国心、对偶结合）。爱也常常被认为是喜欢的最高境界或表达。比like一词的程度要更加深刻。
      %footer
        你可以访问
        %a(href="https://baike.baidu.com/item/%E7%88%B1%E6%83%85/57") 爱情